<script setup>
import Logo from "@/components/Logo.vue"
import LoginFormMail from "@/views/login/LoginFormMail.vue"
import LoginFormPwd from "@/views/login/LoginFormPwd.vue"
import GoBack from "@/components/GoBackAndSearchNav.vue";
import BirdBackground from "@/components/BirdBackground.vue";
</script>

<template>
  <div class="login-container w-full h-full relative">
    <BirdBackground></BirdBackground>
    <GoBack title="登录"></GoBack>
    <div class="login w-screen h-screen flex-column-center">
      <Logo></Logo>
      <div class="form mt-12 w-full flex-center">
        <van-tabs class="w-11/12 rounded-xl overflow-hidden">
          <van-tab title="邮箱登录">
            <LoginFormMail></LoginFormMail>
          </van-tab>
          <van-tab title="密码登录">
            <LoginFormPwd></LoginFormPwd>
          </van-tab>
        </van-tabs>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">

</style>